.al-card-projects{
  align-self: center;
}
.card-project{
  display: grid;
  width: auto;
  max-width: 450px;
  max-height: 500px;
  grid-template-rows: 480px 1fr ;
  background-color: rgb(255, 255, 255);
  margin: 2em;
  padding: 12px 12px;
  border-radius: 1em;
  z-index: -1;
}
.card-container-project-img{
  width: 100%;
  height: 100%;
  
  
}
.card-project-img{
width: 100%;
border-radius: 1em;
max-height: 480px;
object-fit: cover;
object-position: top;

}
.subheader-grid-project{
display: grid;
place-items: center;
grid-template-columns: 100px 80px 80px;
gap: 1em;
margin: em 1em 0em;
place-items: center;
}
.project-name{
  color: rgb(0, 0, 0);
  font-size: 32px;
  font-weight: 600;
  padding-top: 8px;
}
.all-descript-card{
  display: grid;
  position: relative;
  top: -200px;
  bottom: 0px;
  background-color: white;
  padding: 0px 8px;

}
.sub-descrpt-project{
  font-size: 18px;
  font-weight: 300;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 132, 255, 0.2);
  padding: 8px 0px;
  border-style: none none solid none;
}

.subheadr-project{
  font-size: 14px;
  font-weight: 400;
  padding: 8px 14px;
  border-radius: 3em;
  border-color: rgba(0, 132, 255, 0.1);
  border-style: solid;
  border-width: 1px;
 
}
.role-subheader{
  font-size: 16px;
  font-weight: 00;

}